
	function $(id){
	 		return document.getElementById(id);
	 	}
	 		var box = $('box');
	 		var content = $('content');
	 		var normal = box.children[0];
	 		var margnfier = normal.children[1];//获取放大镜的Dom对象，document.getElementsByClassName来获取。
	 		var detailed = box.children[1];//获得缩略图DOM对象也可以用document.getElementsByClassName('zoom')[0];
	 		var detailedImg =  box.children[1].children[0];
	 		normal.onmouseover = function(){//不能给box注册onmousever事件，否则快速移到详细图上是详细图也不会消失，
	 			margnfier.style.display = 'block';
	 			detailed.style.display = 'block';
	 		}
	 		normal.onmouseout = function(){
	 			margnfier.style.display = 'none';
	 			detailed.style.display = 'none';
	 		}
	 		var x = 0;
	 		var y = 0;
	 		//控制zoom放大镜部分在normal里面的移动
	 		normal.onmousemove = function(event){
	 			 var evt = event || window.event;
	 			 //兼容性写法
	 			 x = evt.clientX - normal.offsetLeft - margnfier.offsetWidth / 2-box.offsetLeft;
	 			 y = evt.clientY - normal.offsetTop - margnfier.offsetHeight / 2-box.offsetTop-content.offsetTop - 130; 
	 			 //判断鼠标是不是溢出了normal的区域，
	 			 if(x < 0){
	 			 	x = 0; 
	 			 }else{
	 			 	if(x > normal.offsetWidth - margnfier.offsetWidth){
	 			 		x = normal.offsetWidth - margnfier.offsetWidth;
	 			 	}
	 			  }
	 			  if(y < 0){
	 			  	y = 0;
	 			  }else{
	 			  	if(y > normal.offsetHeight - margnfier.offsetHeight){
	 			  		y = normal.offsetHeight - margnfier.offsetHeight;
	 			  	}
	 			  }
	 			 margnfier.style.left = x + 'px';
	 			 margnfier.style.top = y + 'px';
	 			 var detailedX = -x * 800 / this.offsetWidth;
	 			 var detailedY = -y * 800 / this.offsetHeight;
	 			 //用放大镜顶点在盒子中的位置根据比例找到图片的位置，来显示图片
  				//改变图片位置
	 			 detailedImg.style.left = detailedX + 'px';
	 			 detailedImg.style.top = detailedY + 'px';
	 		} 